//引入react核心库
//es6的两种暴露的引入方式（默认暴露React；分别暴露{Component}）
import React, { Component } from "react";
import TodoList from "../../components/TodoList";
import Axios from "../../components/Ajax/Axios"
import Github from '../../components/Github'
import PubSubs from '../../components/PubSubs'
import Fetch from '../../components/Fetch'


// import Hello from './components/Start/Hello';
// import Welcome from './components/Start/Welcome';

//创建“外壳”组件App//暴露App组件
export default class App extends Component {

  render() {
    return (
      <div>
        <div>---todoList案例---</div>
        {/* todoList案例 */}
        <TodoList/>
        <div>---ajax章节---</div>
        {/* ajax章节 */}
        <div className="ajax-container">
           <Axios/>
        </div>
        <div>---github搜索案例---</div>
        {/* github搜索案例 */}
        <div className="ajax-container">
            <Github/>
        </div>
        <div>---PubSubs消息订阅---</div>
         {/* PubSubs消息订阅 */}
         <div className="pubsub-container">
            <PubSubs/>
        </div>
        <div>---react_fetch发送请求---</div>
         {/* react_fetch发送请求 */}
         <div className="fetch-container">
            <Fetch/>
        </div>
     

      </div>
    );
  }
}
